<template>
    <div id="cc" class="container">
      <img src="../../../static/images/indexLogo1.png" alt="" class="imgLogo">
      <div class="footerFixed">
        <div class="formBtn">
          <router-link  :to="{name:'reportItem'}">
            <input type="button" value="前往举报" id="submit" >
          </router-link>
        </div>
        <p>为保证举报人的信息安全</p>
        <p>请点击上方按钮前往举报</p>
      </div>
    </div>
</template>
<script>

  export default({
    data (){
      return{
      }
    },
    components:{
    },
    methods:{
    },
    mounted (){
      $('body').removeClass('active')
      var clientWidth =document.documentElement.clientWidth
      if(clientWidth>=750){
        clientWidth =$('body').width()
      }
    }
  })
</script>
<style scoped>
  .imgLogo{
    position: absolute;
    left: 1.1rem;
    top: 2.2rem;
    width: 5.86rem;
    height: 0.97rem;
  }
  body,html{
    height: 100%;
    max-width: 750px;
    margin: 0 auto;
    overflow: scroll;
    position: relative;
    /*    background-image: url(../images/banner1.jpg);
       background-position: center;
       background-size: 7.5rem 100%;
       background-repeat: no-repeat;*/
  }
  .logo{
    position: absolute;
    top: 1.8rem;
    right: 0;
    width: 5.75rem;
    height: 2.84rem;

  }
  .container{
    width: 100%;
    height: 100%;
    background-image: url(https://api.cloudcpc.com/static/index/images/banner1.jpg);
    background-position: center;
    background-size: 7.5rem 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    padding-bottom: 0.52rem
  }

  .formBtn{
    width: 5.42rem;
    height: 0.9rem;
    margin: 0 auto;
    text-align: center;
    margin-top: 0.6rem;
    margin-bottom: 0.4rem
  }
  .formBtn input{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #dc291b;
    text-align: center;
    font-size: 0.36rem;
    color: white;
    border: none;
    border-radius: 0.16rem;
    -webkit-border-radius:0.16rem

  }
  ::-webkit-scrollbar {display:none}
  #androidDialog1{
    display: none
  }
  .weui-agree{
    margin-left: 1.02rem
  }
  .weui-agree__checkbox:checked:before{
    color: #e33123 !important
  }

  .weui-agree__checkbox{
    border: 1px solid #f2a096 !important
  }
  input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
  body,html{
    height: 100%;
    max-width: 750px;
    margin: 0 auto;
    overflow: scroll;
    background-image: url(https://api.cloudcpc.com/static/index/images/bannerIndex.jpg);
    background-position: center;
    background-size: 7.5rem 100%;
    background-repeat: no-repeat;
  }
  .container{
    width: 100%;
    height: 100%;
    background-image: url(https://api.cloudcpc.com/static/index/images/bannerIndex.jpg);
    background-position: center;
    background-size: 7.5rem 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
  }
  .footerFixed{
    position: absolute;
    width: 5.4rem;
    left: 1rem;
    bottom: 0.2rem;
  }
  .formBtn{
    margin-bottom: 0.36rem
  }
  .formBtn input{
    background: #1e65e8 !important;

  }
  .footerFixed p{
    text-align: center;
    font-size: 0.26rem;
    color: #666666
  }
</style>
